<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>简易小商城</title>
		<link rel="icon" type="image/x-icon" href="image/title_logo.ico">
		<link rel="stylesheet" type="text/css" href="css/login.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="stylesheet" type="text/css" href="css/shppingcar.css">
	</head>
	<body>
	<!--程序导航栏-->
	<div class="header">
		<div class="header_center">
			<div class="header_logo index_header_logo">
				<a href="/index" title="简易小商城"></a>
				<a href="/index" title="简易小商城">简易小商城</a>
			</div>
			<div class="nav">
				<ul>
					<il><a href="/index" class="iconfont">商品选择&#xe605;<span>|</span></a></il>
					<il><a href="/shppingcar" class="iconfont">购物车&#xe605;<span>|</span></a></il>
					<il><a href="/settlement" class="iconfont">收款&#xe605;<span></span></a></il>
				</ul>
				<div class="details">
					<a href="#">

					</a>
					<a href="#" class="iconfont">
						个人首页&#xe611;
					</a>
				</div>
			</div>
		</div>
	</div>

	<!--购物车模块-->
	<div class="shop_model">
		<div class="shop_model_header">
			<p class="iconfont">&#xe617;购物车（全部<span th:text="${count_shpping} "></span>件商品）</p>
		</div>
		<div class="shop_content">
			<div class="shop_content_nav">
				<div style="font-size: 20px; line-height:50px; float: left; margin-left: 80px; width: 300px; height: 50px;text-align: center;">
					商品信息
				</div>
				<div style="font-size: 20px; line-height:50px; float: left; margin-left: 28px; width: 150px; height: 30px;text-align: center;">
					数量
				</div>
				<div style="font-size: 20px; line-height:50px; float: left; margin-left: 30px; width: 150px; height: 30px;text-align: center;">
					总金额
				</div>
				<div style="font-size: 20px; line-height:50px; float: left; margin-left: 30px; width: 150px; height: 30px;text-align: center;">
					操作
				</div>
			</div>
			<div class="row">
				<div>
					<img src="image/商品%20(1).jpg" width="93px" height="100px" style="border: #6e6e6e 1px solid;">
					<a>第一件商品</a>
				</div>
				<div>
					<form th:action="@{/development}">
						<input type="submit" value="+" name="development">
						<input type="text" value="" style="display: none;"/>
						<a>
							1
						</a>
					</form>
				</div>
				<div>
					<p>50<span>￥</span></p>
				</div>
				<div>
					<p>
						移除购物车
					</p>
				</div>
			</div>
			<div class="row">
				<div>
					<img src="image/商品%20(2).jpg" width="93px" height="100px" style="border: #6e6e6e 1px solid;">
					<a>第二件商品</a>
				</div>
				<div>
					<form th:action="@{/development}">
						<input type="submit" value="+" name="development">
						<input type="text" value="" style="display: none;"/>
						<a>
							1
						</a>
					</form>
				</div>
				<div>
					<p>100<span>￥</span></p>
				</div>
				<div>
					<p>
						移除购物车
					</p>
				</div>
			</div>
			<div class="row">
				<div>
					<img src="image/商品%20(3).jpg" width="93px" height="100px" style="border: #6e6e6e 1px solid;">
					<a>第三件商品</a>
				</div>
				<div>
					<form th:action="@{/development}">
						<input type="submit" value="+" name="development">
						<input type="text" value="" style="display: none;"/>
						<a>
							1
						</a>
					</form>
				</div>
				<div>
					<p>100<span>￥</span></p>
				</div>
				<div>
					<p>
						移除购物车
					</p>
				</div>
			</div>
			<div class="row">
				<div>
					<img src="image/商品%20(4).jpg" width="93px" height="100px" style="border: #6e6e6e 1px solid;">
					<a>第四件商品</a>
				</div>
				<div>
					<form th:action="@{/development}">
						<input type="submit" value="+" name="development">
						<input type="text" value="" style="display: none;"/>
						<a>
							1
						</a>
					</form>
				</div>
				<div>
					<p>105<span>￥</span></p>
				</div>
				<div>
					<p>
						移除购物车
					</p>
				</div>
			</div>
			<div class="row">
				<div>
					<img src="image/商品%20(5).jpg" width="93px" height="100px" style="border: #6e6e6e 1px solid;">
					<a>第五件商品</a>
				</div>
				<div>
					<form th:action="@{/development}">
						<input type="submit" value="+" name="development">
						<input type="text" value="" style="display: none;"/>
						<a>
							1
						</a>
					</form>
				</div>
				<div>
					<p>130<span>￥</span></p>
				</div>
				<div>
					<p>
						移除购物车
					</p>
				</div>
			</div>
		</div>
		<div class="settlement">
			<a>
				<form th:action="@{/settlement}">
					<input type="submit" value="结算" name="s_ment">
					<input type="text" value="结算" style="display: none;"/>
				</form>
				结算
			</a>
		</div>
	</div>

	</body>
</html>